html {
  font-size: 37.5px;
}

.page {
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  width: 51.2rem;
  height: 28.8rem;
  overflow: hidden;
}

.image-wrapper_1 {
  width: 2.454rem;
  height: 0.747rem;
  margin: 2.347rem 0 0 20.934rem;
}

.image_1 {
  width: 2.454rem;
  height: 0.747rem;
}

.group_1 {
  width: 34.134rem;
  height: 13.654rem;
  margin: 1.04rem 0 0 8.534rem;
}

.group_2 {
  position: relative;
  width: 11.014rem;
  height: 4.534rem;
  background: url(./img/SketchPng93325226a0bfe5f0541aaac1a33a3d752af7f13ee2a136e0689a6450886cc7fd.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.text_1 {
  width: 2.24rem;
  height: 0.747rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.746rem;
  font-family: AlimamaShuHeiTi-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.747rem;
  margin: 0.854rem 0 0 0.8rem;
}

.image_2 {
  width: 3.414rem;
  height: 0.8rem;
  margin: 0.267rem 0 1.867rem 0.8rem;
}

.image_3 {
  position: absolute;
  left: 6.56rem;
  top: -0.8rem;
  width: 4.454rem;
  height: 4.534rem;
}

.group_3 {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 12px 12px 20px 20px;
  height: 13.44rem;
  border: 1px solid rgba(255, 255, 255, 0.8);
  width: 11.014rem;
  margin: 0.214rem 0 0 0.56rem;
}

.block_1 {
  position: relative;
  width: 11.014rem;
  height: 4.534rem;
  background: url(./img/SketchPngc3f85b2884d36665210c20d716d8d02b7856aa07d29a78d32091f5f51b3f32c8.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-top: -0.213rem;
}

.text_2 {
  width: 2.24rem;
  height: 0.747rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.746rem;
  font-family: AlimamaShuHeiTi-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.747rem;
  margin: 0.8rem 0 0 0.8rem;
}

.image_4 {
  width: 3.414rem;
  height: 0.8rem;
  margin: 0.267rem 0 1.92rem 0.8rem;
}

.image_5 {
  position: absolute;
  left: 6.56rem;
  top: -0.8rem;
  width: 4.427rem;
  height: 4.534rem;
}

.group_4 {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 12px 12px 20px 20px;
  height: 13.44rem;
  border: 1px solid rgba(255, 255, 255, 0.8);
  width: 11.014rem;
  position: relative;
  margin: 0.214rem 0 0 0.534rem;
}

.block_2 {
  position: relative;
  width: 11.014rem;
  height: 4.534rem;
  background: url(./img/SketchPnge0f5ae3d813ce8c523c433f0ba198739e346a842aa4374763186fe4d5a0b9f1e.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-top: -0.213rem;
}

.text_3 {
  width: 2.24rem;
  height: 0.747rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.746rem;
  font-family: AlimamaShuHeiTi-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.747rem;
  margin: 0.8rem 0 0 0.8rem;
}

.image_6 {
  width: 3.414rem;
  height: 0.8rem;
  margin: 0.267rem 0 1.92rem 0.8rem;
}

.image_7 {
  position: absolute;
  left: 6.614rem;
  top: -0.8rem;
  width: 4.427rem;
  height: 4.534rem;
}

.block_3 {
  position: absolute;
  left: 0;
  top: 2.987rem;
  width: 11.014rem;
  height: 10.454rem;
  background: url(./img/SketchPngcce71f2c8d8ac6d59749c3d527035438fdb3a9a0d199dceb69b531f709796abe.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.image-wrapper_2 {
  width: 32.534rem;
  height: 1.174rem;
  margin: 0.8rem 0 0 9.334rem;
}

.image_8 {
  width: 9.414rem;
  height: 1.174rem;
}

.image_9 {
  width: 9.414rem;
  height: 1.174rem;
  margin-left: 2.187rem;
}

.image_10 {
  width: 9.414rem;
  height: 1.174rem;
  margin-left: 2.107rem;
}

.image-wrapper_3 {
  width: 32.534rem;
  height: 1.174rem;
  margin: 0.8rem 0 0 9.334rem;
}

.image_11 {
  width: 9.414rem;
  height: 1.174rem;
}

.image_12 {
  width: 9.414rem;
  height: 1.174rem;
  margin-left: 2.187rem;
}

.image_13 {
  width: 9.414rem;
  height: 1.174rem;
  margin-left: 2.107rem;
}

.image-wrapper_4 {
  width: 23.547rem;
  height: 0.427rem;
  margin: 1.094rem 0 0 9.334rem;
}

.thumbnail_1 {
  width: 0.427rem;
  height: 0.427rem;
}

.thumbnail_2 {
  width: 0.427rem;
  height: 0.427rem;
  margin-left: 11.174rem;
}

.thumbnail_3 {
  width: 0.427rem;
  height: 0.427rem;
  margin-left: 11.094rem;
}

.image-wrapper_5 {
  width: 2.24rem;
  height: 0.694rem;
  margin: 0.8rem 0 4.054rem 9.307rem;
}

.image_14 {
  width: 0.48rem;
  height: 0.694rem;
}

.label_1 {
  width: 0.64rem;
  height: 0.64rem;
}

.group_5 {
  position: absolute;
  left: 8.534rem;
  top: 7.334rem;
  width: 11.014rem;
  height: 10.454rem;
  background: url(./img/SketchPng158987ed95be466b35dedf348a32c3f60c48282b16ea2f6c6653a7b6444459fa.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.group_6 {
  position: absolute;
  left: 20.134rem;
  top: 7.334rem;
  width: 11.014rem;
  height: 10.454rem;
  background: url(./img/SketchPngee65b8a28f49087792cde5892d7f95765c81be2c7c13e0e104bee3057c3caedc.png)
    100% no-repeat;
  background-size: 100% 100%;
}
